<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="keywords" content="粉笔乐学-中小学教育平台">
    <meta name="description" content="粉笔乐学是人工智能教育和中小学微课知识付费平台,有微课和直播教学两种方式,内含作文库、语数英的作业练习、错题集等功能,旗下还有园丁侠客人工智能教育。"/>
    <link rel="icon" href="/favicon.ico" type="image/x-icon" id="page_favionc">
    <!--国产浏览器默认采用高速模式渲染页面-->
    <meta name="renderer" content="webkit">
    <title>关于粉笔乐学-关于</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="assets/toolbar.js"></script>

    <style>
        .container-body {
            min-height: 100vh;
            overflow-y: auto;
            padding-top: 50px;
            padding-left: 50px;
            vertical-align: middle;
        }
        .navbar {
            margin-bottom: 0.1px;
            /*height: 30px;*/
            color: white;
            background-image: url("assets/images/chalkasstes_background.png");
        }
        .navbar a{
            color:white;
        }
        .jumbotron{padding-top: 0px;}
        .icon_app {
            width: 150px;
            height: 50px;
        }

        /* 梁伟 添加的css样式*/
        .thumbnail{
            border: none;
        }

        .thumbnail:hover{
            box-shadow: 0 0 10px 0;
            border-radius: 0;
        }

        .caption .glyphicon{
            font-size: 50px;
            color: #01e497;
        }

        .caption p{
            padding-bottom: 10px;
        }

        .caption a{
            background: white;
            border: 1px solid gray;
            border-radius: 20px;
            display: inline-block;
            width: 145px;
            height: 30px;
            line-height: 30px;
            color: black;
            text-decoration: none;
        }
        .caption a:hover {
            background-color: #01e497;
            color: white;
            border: none;
        }

        .Consultation{
            background: #01e497;
            color: white;
            border-radius: 30px;
            display: inline-block;
            width: 250px;
            height: 65px;
            line-height: 65px;
            font-size: 30px;

        }
        .Consultation:hover{
            background-color: black;
            color: white;
            text-decoration: none;
        }
		/**宽度小于 750 像素**/
		@media screen and (max-width: 750px) { .div-relative1 { position:absolute; left:60%;top: 25px;} .gif_icon{display: none;}}
		@media screen and (min-width: 768px) { .div-relative1 { position:absolute; left:70%;top:100px;}}
    </style>

</head>
<body style="background: #fffcf7;">
<!--navbar-inverse-->
<nav class="navbar navbar-fixed-top navbar-static-top">
    <!--适配小屏幕-->
    <div class="navbar-header">
        <li class="gif_icon">
            <img class="icon_app" src="assets/images/app_icon_white.png"/>
        </li>
    </div>
    <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
		   <span class="icon-bar" style="background-color: white;"></span>
		   <span class="icon-bar" style="background-color: white;"></span>
		   <span class="icon-bar" style="background-color: white;"></span>
		   <span class="icon-bar" style="background-color: white;"></span>
        </button>
        <a class="navbar-brand" href="#" style="color: white;">粉笔乐学</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse opts" style="font-size: 16px;">
        <ul id="navbar-ul" class="nav navbar-nav">
            <li id="item1" class="active"  onmouseover="topBarMove(1)">
                <a href="index.html">首页</a>
            </li>
            <li id="item2" class="active" onmouseover="topBarMove(2)">
                <a  onclick="gotoSystem()">微课平台</a>
            </li>
            <li id="item3" class="active" onmouseover="topBarMove(3)">
                <a href="live.html">直播</a>
            </li>
            <li id="item4" class="active" onmouseover="topBarMove(4)">
                <a href="gardener.html">园丁侠客</a>
            </li>
            <li id="item5" class="active" onmouseover="topBarMove(5)">
                <a href="fbx.html">粉笔秀</a>
            </li>
            <li id="item6" class="active" onmouseover="topBarMove(6)">
                <a href="http://www.yuandingxiake.com/index.php?catid=35">入驻案例</a>
            </li>
            <li id="item7" class="active" onmouseover="topBarMove(7)">
                <a href="down.html">应用下载</a>
            </li>
        </ul>
        <ul class="nav navbar-nav navbar-right active">
            <li id="item6" style="padding-top: 7px;">
                <button type="button" class="btn btn-link" style="font-size: 15px;color: white;" onclick="gotoSystem()">用户登入</button>
            </li>
            <li id="item4" style="padding-right: 10px;padding-top: 7px;color: white;">
                <!--<a href="#contact">联系电话：400-616-8880</a>-->
                <button type="button" class="btn btn-link" style="font-size: 15px;color: white;">联系电话：400-616-8880</button>
            </li>
        </ul>
    </div><!--/.nav-collapse -->
</nav>

<!--展示图片-->
<div class="container-fluid" style="padding-top: 100px;">
	<div class="container-fluid" style="position:relative;">
		<img src="assets/images/gardener_01.png" class="img-responsive" alt="Responsive image">
		<div  id="b1" class="div-relative1" style="top:84%;left:41.5%;width:16.8%;height:5.9%;cursor:pointer;" onclick="window.open('http://www.yuandingxiake.com/index.php?catid=36')">
		</div>
	</div>
	
</div>
<div class="container-fluid" >
	<img src="assets/images/gardener_02.png" class="img-responsive" alt="Responsive image">
	<img src="assets/images/gardener_03.png" class="img-responsive" alt="Responsive image">
	<img src="assets/images/gardener_04.png" class="img-responsive" alt="Responsive image">
</div>
<!--4大教学系统-->
<div class="container">
    <div class="row">
        <div class="col-sm-6 col-md-4 col-lg-3 ">
            <div class="thumbnail">

                <div class="caption" style="text-align: center">
                    <p>Teacher tralnlng system</p>
                    <p class="glyphicon glyphicon-user" aria-hidden="true"></p>
                    <p>教师培训系统</p>
                    <a href="http://www.yuandingxiake.com/index.php?catid=18">了解详情 ></a>
                </div>

            </div>
        </div>
        <div class="col-sm-6 col-md-4 col-lg-3 ">
            <div class="thumbnail">

                <div class="caption" style="text-align: center">
                    <p>Intelligent Learning System</p>
                    <p class="glyphicon glyphicon-education" aria-hidden="true"></p>
                    <p>智能学习系统</p>
                    <a href="http://www.yuandingxiake.com/index.php?catid=30">了解详情 ></a>
                </div>

            </div>
        </div>

        <div class="col-sm-6 col-md-4 col-lg-3 ">
            <div class="thumbnail">

                <div class="caption" style="text-align: center">
                    <p>Home school communication system</p>
                    <p class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></p>
                    <p>家校沟通系统</p>
                    <a href="http://www.yuandingxiake.com/index.php?catid=31">了解详情 ></a>
                </div>
            </div>
        </div>

        <div class="col-sm-6 col-md-4 col-lg-3 ">
            <div class="thumbnail">

                <div class="caption" style="text-align: center">
                    <p>Big data analysls</p>
                    <p class="glyphicon glyphicon-equalizer" aria-hidden="true"></p>
                    <p>大数据分析系统</p>
                    <a href="http://www.yuandingxiake.com/index.php?catid=32">了解详情 ></a>
                </div>

            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12" style="color: #9DA0A4;font-size: 1.5vh;text-align: center;margin-top: 100px">
            <p>随时随地，反复学</p>
            <p>每天比别人多学点</p>
            <p style="font-size: 2vh;margin-bottom: 50px">就比别人靠近成功多一点</p>
            <a href="http://www.yuandingxiake.com" class="Consultation">立即咨询</a>
        </div>
    </div>

</div>





<div class="footer ">
    <div class="container-fluid">
        <div class="row footer-top" style="background-color: #f3f3f3;margin-top: 50px;">
            <div class="col-md-4">
            </div>
            <div class="col-md-4">
                <div class="row about">
                    <div class="col-xs-4">
                        <h4>关于</h4>
                        <ul class="list-unstyled">
                            <li>
                                <a href="about.html">关于我们</a>
                            </li>
                            <li>
								<a href="http://www.yuandingxiake.com/index.php?catid=35">入驻案例</a>
                                <!-- <img src="assets/images/app_icon.png" alt="粉笔乐学商标" title="粉笔乐学商标" style="width: 100px;"/> -->
                            </li>
							<li>
								<a href="http://www.yuandingxiake.com/index.php?catid=19">品牌合作</a>
							</li>
                        </ul>
                    </div>
                    <div class="col-xs-4">
                        <h4>联系方式</h4>
                        <ul class="list-unstyled">
                            <img src="assets/images/wxqrcode.jpg" alt="粉笔乐学微信公众号" title="粉笔乐学微信公众号" style="width: 100px;height: 100px;"/>
                        </ul>
                    </div>
                    <div class="col-xs-4">
                        <h4>微信小程序</h4>
                        <ul class="list-unstyled">
                            <img src="assets/images/wx_mini_app.jpg" alt="粉笔乐学微信小程序" title="粉笔乐学微信小程序" style="width: 100px;height: 100px;"/>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
            </div>

        </div>
        <hr>
        <div class="row footer-bottom">
            <ul class="list-inline text-center">
                <li>Copyright &copy;2018. n 上海优则仕网络科技有限公司 Software All Rights Reserved.</li>
                <li>备案号：<a href="http://www.beian.miit.gov.cn" style="color: #000000;">沪ICP备18041418号-1</a></li>
            </ul>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script>
    function gotoApk() {
        location.href ="down.html"
    }
    function gotoSystem() {
        // location.href ="https://web.fenbibox.com/"
        window.open("https://web.fenbibox.com/")
    }

</script>
</body>
</html>